Page({
  data: {
    // 表示上拉加载的页面
    count: 2,
    // 表示滚动条离最上面的距离
    scrollTop: 0,
    // finished表示所有的上拉都完成
    finished: false,
    // bannerList是用来将来接收轮播图数据的空数组
    bannerList: [],
    // proList是用来将来接收商品数据的空数组
    proList: [],
    navList: [
      {
        navid: 1,
        title: "嗨购超市",
        imgurl:
          "https://m.360buyimg.com/mobilecms/s120x120_jfs/t1/125678/35/5947/4868/5efbf28cEbf04a25a/e2bcc411170524f0.png",
      },
      {
        navid: 2,
        title: "数码电器",
        imgurl:
          "https://m.360buyimg.com/mobilecms/s120x120_jfs/t1/178015/31/13828/6862/60ec0c04Ee2fd63ac/ccf74d805a059a44.png!q70.jpg",
      },
      {
        navid: 3,
        title: "嗨购服饰",
        imgurl:
          "https://m.360buyimg.com/mobilecms/s120x120_jfs/t1/41867/2/15966/7116/60ec0e0dE9f50d596/758babcb4f911bf4.png!q70.jpg",
      },
      {
        navid: 4,
        title: "嗨购生鲜",
        imgurl:
          "https://m.360buyimg.com/mobilecms/s120x120_jfs/t1/177902/16/13776/5658/60ec0e71E801087f2/a0d5a68bf1461e6d.png!q70.jpg.dpg",
      },
      {
        navid: 5,
        title: "嗨购到家",
        imgurl:
          "https://m.360buyimg.com/mobilecms/s120x120_jfs/t1/196472/7/12807/7127/60ec0ea3Efe11835b/37c65625d94cae75.png!q70.jpg.dpg",
      },
      {
        navid: 6,
        title: "充值缴费",
        imgurl:
          "https://m.360buyimg.com/mobilecms/s120x120_jfs/t1/185733/21/13527/6648/60ec0f31E0fea3e0a/d86d463521140bb6.png!q70.jpg.dpg",
      },
      {
        navid: 7,
        title: "9.9元拼",
        imgurl:
          "https://m.360buyimg.com/mobilecms/s120x120_jfs/t1/36069/14/16068/6465/60ec0f67E155f9488/595ff3e606a53f02.png!q70.jpg.dpg",
      },
      {
        navid: 8,
        title: "领券",
        imgurl:
          "https://m.360buyimg.com/mobilecms/s120x120_jfs/t1/186080/16/13681/8175/60ec0fcdE032af6cf/c5acd2f8454c40e1.png!q70.jpg.dpg",
      },
      {
        navid: 9,
        title: "领金贴",
        imgurl:
          "https://m.360buyimg.com/mobilecms/s120x120_jfs/t1/196711/35/12751/6996/60ec1000E21b5bab4/38077313cb9eac4b.png!q70.jpg.dpg",
      },
      {
        navid: 10,
        title: "plus会员",
        imgurl:
          "https://m.360buyimg.com/mobilecms/s120x120_jfs/t1/37709/6/15279/6118/60ec1046E4b5592c6/a7d6b66354efb141.png!q70.jpg.dpg",
      },
    ]
  },

  goToDetail(e) {
    // console.log(e.currentTarget.dataset.id);
    // url的组成: https://www.nodejs.com.cn/api/url.html

    // https://zhangsan:123456@www.baidu.com:443/images/s?wd=nodejs&rsv_spt=1#abc

    /*
      https://  协议
      zhangsan:123456@   用户名和密码 ， 通常的网站都是公开不需要的
      www.baidu.com      主机名/域名
      :443    端口号    http的默认端口号是80，https的默认端口号是443
      /images/s    路径
      ?wd=nodejs&rsv_spt=1   查询字符串 用来做页面传参
      #abc  哈希值
    */ 

    // 路径跳转的时候，后面是可以跟参数的
    // 后面可以加 "./detail/detail?a=3&b=4"
    wx.navigateTo({
      url: '../detail/detail?id=' + e.currentTarget.dataset.id,
    })
  },

  // 获取轮播图列表数据
  getBannerList: function() {
    wx.request({
      // 后端接口路径
      url: 'http://121.89.205.189:3000/api/banner/list',
      // 请求方式, 默认值是get请求
      method: "GET",
      // 传给后端的参数
      data: {},
      // 传递的时候的请求头
      header: {'content-type': 'application/json'},
      // res就是后端返回的内容
      success: (res) => {
        // console.log(res.data.data)
        this.setData({
          bannerList: res.data.data
        })
      }
    })
  },

  // 获取商品列表数据
  getProList() {
    wx.request({
      // 后端接口路径
      url: 'http://121.89.205.189:3000/api/pro/list',
      // 请求方式, 默认值是get请求
      method: "GET",
      // 传给后端的参数
      data: {
        // 表示我需要第几页数据
        count: 1,
        // 表示需要几条数据
        limitNum: 10,
      },
      // 传递的时候的请求头
      header: {'content-type': 'application/json'},
      // res就是后端返回的内容
      success: (res) => {
        // console.log(res.data.data)
        this.setData({
          proList: res.data.data
        })
      }
    })
  },

  // 回到顶部
  toTop() {
    wx.pageScrollTo({
      scrollTop: 0,
      duration: 300,
      // success() {
      //   wx.showToast({
      //     title: '回到顶部成功',
      //     icon: 'success',
      //     duration: 2000
      //   })
      // }
    })
  },

  // onLoad是小程序提供的一个生命周期
  // 它会在当前页面第一次打开的时候自动执行
  // 之后onLoad里面可以直接使用options的参数，这个参数经常会用到需要传给后端的数据
  // 数据请求放在onLoad里面是最合适的
  onLoad() {
    this.getBannerList();
    this.getProList();
  },

  // 下拉到底的事件
  onReachBottom() {
    if (!this.data.finished) {
      wx.request({
        // 后端接口路径
        url: 'http://121.89.205.189:3000/api/pro/list',
        // 请求方式, 默认值是get请求
        method: "GET",
        // 传给后端的参数
        data: {
          // 表示我需要第几页数据
          count: this.data.count,
          // 表示需要几条数据
          limitNum: 10,
        },
        // 传递的时候的请求头
        header: {'content-type': 'application/json'},
        // res就是后端返回的内容
        success: (res) => {
          if (res.data.data.length < 10) {
            // 长度小于10，肯定是最后一次了
            this.setData({
              finished: true
            })
          }

          // concat方法用于做两个数组的拼接
          this.setData({
            proList: this.data.proList.concat(res.data.data),
            count: this.data.count + 1
          })
        }
      })
    }
    
  },

  // 小程序自动提供的一个监听滚动条位置的函数
  // onPageScroll({scrollTop}) { // es6的解构语法
  //   console.log(scrollTop);
  // }
  onPageScroll(obj) {
    // console.log(obj.scrollTop);
    this.setData({
      scrollTop: obj.scrollTop
    })
  }
})
